import doT from 'dot';
import templateCity from './CityBox.html';
import './CityBox.css';

export default class WeatherBox {
    constructor(dom, cityName) {
        this.cityBox = dom;
        this.cityBox.className = 'city-box';
        const htmlWea = doT.template(templateCity)({
            'city': cityName
        });
        dom.innerHTML = htmlWea;
    }
    setCityName(newName) {
        dom.getElementById('city-box-name').innerHTML = newName;
    }
}